<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no">
	<!-- 去除苹果手机的默认样式 -->
	<meta name="apple-mobile-web-app-capable" content="yes"/>
	<!-- 取消设备对手机号进行识别 -->
	<meta name="format-detection" content="telephone=no">
	<meta name="x5-orientation" content="portrait"/>
	<meta name="screen-orientation" content="portrait"/>
	<link rel="stylesheet" type="text/css" href="./css/reset.css">
	<link rel="stylesheet" type="text/css" href="./css/index.css">
	<script type="text/javascript" src="https://cdn.bootcss.com/jquery/2.1.1/jquery.min.js"></script>
	<script type="text/javascript" src="./js/rem.js"></script>
	<title>css3页面平滑过渡</title>
</head>
<body>
	<div class="container">

		<div class="nav-container">
			<input type="radio" name="radio-set" id="radio-1" checked="checked">
			<a href="#">AAA</a>
			<input type="radio" name="radio-set"  id="radio-2">
			<a href="#">BBB</a>
			<input type="radio" name="radio-set" id="radio-3">
			<a href="#">CCC</a>
			<input type="radio" name="radio-set"  id="radio-4">
			<a href="#">DDD</a>
			<input type="radio" name="radio-set"  id="radio-5">
			<a href="#">EEE</a>
		</div>
	</div>
</body>


</html>